<!DOCTYPE html>
<!--短信管理页面-->
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>短信类型要素查询</title>

  <!-- Bootstrap -->
  <link href="/static/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <!-- Font Awesome -->
  <link href="/static/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <!-- NProgress -->
  <link href="/static/vendors/nprogress/nprogress.css" rel="stylesheet">
  <!-- iCheck -->
  <link href="/static/vendors/iCheck/skins/flat/green.css" rel="stylesheet">

  <!-- Custom Theme Style -->
  <link href="/static/build/css/custom.min.css" rel="stylesheet">
  <link href="/static/css/style.css" rel="stylesheet">
  <!-- 引用 daterangepicker 相关文件-->
  <link href="/static/vendors/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.css">
  <script type="text/javascript" src="/static/vendors/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
  <script type="text/javascript">
      $(document).ready(function() {
          $('input[name="CreateDate"]').daterangepicker();
          format: 'yyyy-mm-dd'
      });
  </script>
</head>

<body>
<div class="container body">
  <!-- page content -->
  <div class="right_col" role="main">
    <div class="">
      <div class="clearfix"></div>
      <div class="col-md-12 col-sm-12 col-xs-12">
      <div class="x_panel">
      <div class="x_title">
        <h2>短信类型要素查询条件</h2>
        <ul class="nav navbar-right panel_toolbox">
          <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
          </li>
        </ul>
        <div class="clearfix"></div>
      </div>
        <div class="x_content">
          <form class="form-inline">
            <div class="row">
              <div class="form-group col-md-4">
                <label for="MscTypes">短信类型：</label>
                <select class="form-control" id="MscTypes" name="MscTypes" onchange="changeSelect()" style="width: 50%;text-align: center;text-align-last: center">
                     <option value="00">-- 请选择 --</option>
                     <option value="01">86</option>
                     <option value="02">86001</option>
                     <option value="03">8600001</option>
                </select>
              </div>
              <div class="form-group col-md-4">
                <label for="ProductName">要素编码：</label>
                <input type="text" class="form-control"  id="ProductName" name="ProductName">
              </div>
              <div class="form-group col-md-4">
                <label for="CreateDate">要素名称：</label>
                <input type="text" class="form-control" id="CreateDate" name="CreateDate">
              </div>
            </div>
            <br>
            <button type="button" class="btn btn-primary">查 询</button>
          </form>
        </div>
      </div>
    </div>
    </div>
    <div class="clearfix">
      <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="x_panel">
          <div class="x_title">
            <h2>查询结果</h2>
            <ul class="nav navbar-right panel_toolbox">
              <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
              </li>
            </ul>
            <div class="clearfix"></div>
          </div>
          <div class="x_content">
            <div class="table-responsive">
              <table class="table table-striped bulk_action">
                <thead>
                <tr class="headings but1add">
                  <th class="column-title">序号</th>
                  <th class="column-title">姓名</th>
                  <th class="column-title">性别</th>
                  <th class="column-title">手机号码</th>
                  <th class="column-title">内容</th>
                  <th class="column-title">日期</th>
                </tr>
                </thead>
                <tbody>
                <tr class="even pointer">
                  <td class="">1</td>
                  <td class="">小高</td>
                  <td class="">男</td>
                  <td class="">1243437437</td>
                  <td class="">尊敬的你好</td>
                  <td class="">2019-01-10</td>
                </tr>
                <tr class="even pointer">
                  <td class="">2</td>
                  <td class="">小花</td>
                  <td class="">女</td>
                  <td class="">1243437437</td>
                  <td class="">尊敬的你好</td>
                  <td class="">2019-01-10</td>
                </tr>
                </tr>
                <tr class="even pointer">
                  <td class="">3</td>
                  <td class="">小名</td>
                  <td class="">男</td>
                  <td class="">1243437437</td>
                  <td class="">尊敬的你好</td>
                  <td class="">2019-01-10</td>
                </tr>
                </tr>
                <tr class="even pointer">
                  <td class="">4</td>
                  <td class="">小见</td>
                  <td class="">男</td>
                  <td class="">1243437437</td>
                  <td class="">尊敬的你好</td>
                  <td class="">2019-01-10</td>
                </tr>
                </tr>
                <tr class="even pointer">
                  <td class="">5</td>
                  <td class="">小龙</td>
                  <td class="">男</td>
                  <td class="">1243437437</td>
                  <td class="">尊敬的你好</td>
                  <td class="">2019-01-10</td>
                </tr>
                </tr>
                <tr class="even pointer">
                  <td class="">6</td>
                  <td class="">小蓝</td>
                  <td class="">男</td>
                  <td class="">1243437437</td>
                  <td class="">尊敬的你好</td>
                  <td class="">2019-01-10</td>
                </tr>
                </tr>
                <tr class="even pointer">
                  <td class="">7</td>
                  <td class="">小七</td>
                  <td class="">男</td>
                  <td class="">1243437437</td>
                  <td class="">尊敬的你好</td>
                  <td class="">2019-01-10</td>
                </tr>
                </tr>
                </tbody>
              </table>
            </div>
            <nav aria-label="Page navigation" class="text-center">
              <ul class="pagination">
                <li>
                  <a href="#" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                  </a>
                </li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li>
                  <a href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                  </a>
                </li>
              </ul>
            </nav>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
</div>
</div>
</div>

<!-- jQuery -->
<script src="/static/vendors/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="/static/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="/static/vendors/fastclick/lib/fastclick.js"></script>
<!-- NProgress -->
<script src="/static/vendors/nprogress/nprogress.js"></script>
<!-- iCheck -->
<script src="/static/vendors/iCheck/icheck.min.js"></script>

<!-- Custom Theme Scripts -->
<script src="/static/build/js/custom.min.js"></script>
</body>
</html>